<script setup lang="ts">
import { Check as AppNutIconCheck } from '@nutui/icons-vue-taro';
import { navigateBack } from '@tarojs/taro';

function backList() {
  navigateBack();
}
</script>

<template>
  <view class="car-apply-submit-success app-page--1">
    <scroll-view class="app-page__wrapper" :scroll-y="true" :lower-threshold="100">
      <view class="car-apply-submit-success__header-wrapper">
        <app-nut-icon-check class="car-apply-submit-success__icon" />
      </view>
      <view>提交成功!</view>
    </scroll-view>
    <view class="car-apply-submit-success__footer">
      <nut-button block shape="round" type="info" @click="backList()"> 返回</nut-button>
    </view>
  </view>
</template>

<style lang="scss">
.car-apply-submit-success {
  text-align: center;
  font-weight: bold;
  font-size: 32px;
  color: #333;

  &__header-wrapper {
    font-size: 38px;
    margin-top: 5vh;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  &__icon {
    font-size: 72px;
    font-weight: bolder;
    color: #27c530;
    margin-bottom: 20px;
  }

  &__footer {
    padding: 20px 10px;
    background-color: #fff;
    display: flex;
  }
}
</style>
